import '../../static/css/visitors/detailed.css'
import a from '../../static/images/1.png'
import b from '../../static/images/2.png'
import c from '../../static/images/3.png'
import d from '../../static/images/4.png'
import e from '../../static/images/5.png'
import f from '../../static/images/6.png'
import g from '../../static/images/7.png'
import h from '../../static/images/8.png'
import i from '../../static/images/9.png'
const Det:React.FC=():JSX.Element=>{
    return (
        <div className='div1'>
            <h1 className="spname">1.首页导出下载一个Excel表到本地</h1>
            <img src={a} alt="" style={{width:'90%',marginTop:'10px',marginLeft:'20px'}}/>
            <h1 className="spname">2.然后点击批量导入Excel表把刚才下载到本地的Excel导入进来 点击上传之后显示出你导出的Excel数据</h1>
            <img src={b} alt="" style={{width:'90%',marginTop:'10px',marginLeft:'20px'}}/>
            <img src={c} alt="" style={{width:'90%',marginTop:'10px',marginLeft:'20px'}}/>
            <img src={d} alt="" style={{width:'90%',marginTop:'10px',marginLeft:'20px'}}/>
            <img src={e} alt="" style={{width:'90%',marginTop:'10px',marginLeft:'20px'}}/>
            <h1 className="spname">3.然后会跳出一个批量上传和上传图片两个按钮</h1>
            <img src={f} alt="" style={{width:'90%',marginTop:'10px',marginLeft:'20px'}}/>
            <h1 className="spname">4.点击选择图片找到学生发送的四种类型的凭证然后点击上传</h1>
            <img src={g} alt="" style={{width:'90%',marginTop:'10px',marginLeft:'20px'}}/>
            <h1 className="spname">5.选择好图片之后点击上传图片等待成功就完成了</h1>
            <img src={h} alt="" style={{width:'90%',marginTop:'10px',marginLeft:'20px'}}/>
            <img src={i} alt="" style={{width:'90%',marginTop:'10px',marginLeft:'20px'}}/>
            <h1 className="spname">成功之后就可以在excel表进行查看了</h1>
        </div>
    )
}
export default Det